<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <img src="" alt="">
    <script src="http://192.168.20.59/wh2209/day26/%e8%af%be%e5%a0%82%e4%bb%a3%e7%a0%81/js/ajax.js"></script>
    <script>

        // jsonp  跟json没有关系
        //    因为script不受同源策略的约束
        //    利用script标签去请求接口   （后端的接口必须返回的是一个函数调用）

        //    只能处理get请求







        // img和script 标签不受同源策略的约束


        // ajax的回调函数  --- 希望这个函数在数据请求成功之后调用
        function fn(data) {
            console.log(data);
        }



    </script>

    <!-- fn这个js文件里面写了一个函数调用 -->
    <!-- <script src="../js/fn.js"></script> -->

    <script src="http://localhost/wh2209/day27/%E8%AF%BE%E5%A0%82%E4%BB%A3%E7%A0%81/php/jsonp.php"></script>
    
</body>
</html>